@import '../../../asset/styles/util.less';

.menuBox {
  margin-top: 10px;
  .menuItem {
    color: #333333;
    text-decoration: none;
    margin-left: 60px;
    font-size: 16px;
    &:hover {
      color: #ff8000;
    }
  }
}

.box {
  padding: 1px 0 0 32px;
  border-top: 3px solid #ff8000;
  .content {
    width: 1232px;
    margin: -1px auto 90px;
    .tabs {
      width: 210px;
      height: 382px;
      background-color: #ffffff;
      opacity: 0.8;
      float: left;
      .tab {
        height: 40px;
        line-height: 40px;
        text-align: center;
      }
      .active_tab {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        background-color: #ff8000;
      }
    }
    .text {
      width: 995px;
      background-color: #ffffff;
      float: right;
      .inactive_text {
        display: none;
      }
      .active_text {
        display: block;
      }

      .company_profile {
        padding: 1px 0 80px;
        .articleTitle {
          font-size: 16px;
          color: #333333;
          margin: 48px 0 0 339px;
        }
        .dateTime {
          font-size: 12px;
          color: #333333;
          margin: 19px 0 0 424px;
        }
        .word {
          font-size: 14px;
          text-indent: 2em;
          color: #333333;
          line-height: 24px;
          margin: 24px 21px 0 20px;
        }
      }

      .blogroll {
        padding: 1px 0 133px;
        .blogroll_top {
          padding: 0 20px;
          .title {
            font-size: 16px;
            color: #333333;
            margin-top: 22px;
          }
          .cutting_line {
            width: 953px;
            height: 2px;
            background-color: #cbcbcb;
            margin-top: 19px;
          }
          .logo_box1,.logo_box2 {
            padding: 20px 0 15px;
            .shmet {
              width: 180px;
              height: 57px;
              display: inline-block;
              background: url('../../../asset/images/logo/logo1.png') no-repeat left top;
              margin-right: 13px;
            }
            .sljob88 {
              width: 180px;
              height: 57px;
              display: inline-block;
              background: url('../../../asset/images/logo/logo2.png') no-repeat left top;
              margin-right: 13px;
            }
            .L_zzz {
              width: 180px;
              height: 57px;
              display: inline-block;
              background: url('../../../asset/images/logo/logo3.png') no-repeat left top;
              margin-right: 13px;
            }
            .OMETAL {
              width: 180px;
              height: 57px;
              display: inline-block;
              background: url('../../../asset/images/logo/logo4.png') no-repeat left top;
              margin-right: 13px;
            }
            a:first-child+a+a+a+a {
              margin-right: 0;
            }
          }
        }
        .blogroll_middle {
          padding: 0 20px;
          .title {
            font-size: 16px;
            color: #333333;
            margin-top: 22px;
          }
          .cutting_line {
            width: 953px;
            height: 2px;
            background-color: #cbcbcb;
            margin-top: 19px;
          }
          table {
            margin: 20px 0;
            td {
              width: 210px;
              font-size: 15px;
              line-height: 36px;
              color: #333333;
            }
            td:first-child+td+td+td+td {
              width: 107px;
            }
          }
        }
        .blogroll_bottom {
          padding: 0 20px;
          .title {
            font-size: 16px;
            color: #333333;
            margin-top: 32px;
          }
          .cutting_line {
            width: 953px;
            height: 2px;
            background-color: #cbcbcb;
            margin-top: 19px;
          }
          h3 {
            font-size: 15px;
            color: #333333;
            margin-top: 32px;
          }
          ul {
            margin-top: 15px;
            li {
              font-size: 14px;
              line-height: 24px;
              color: #333333;
            }
          }
          h4 {
            font-size: 15px;
            color: #333333;
            margin-top: 22px;
          }
          .contact_information {
            font-size: 14px;
            color: #333333;
            margin-top: 16px;
            i {
              margin-right: 30px;
            }
          }
          .example {
            margin-top: 30px;
            border-top: 1px dashed #ebebeb;
            .example_img {
              display: inline-block;
              margin-right: 46px;
              .title {
                font-size: 15px;
                color: #333333;
              }
              .placeholder {
                width: 321px;
                height: 160px;
                background-color: #f6f6f6;
                margin: 30px 0 0 75px;
              }
            }
            .code_img {
              margin-top: 61px;
              display: inline-block;
              margin-right: 45px;
              .title {
                font-size: 15px;
	              color: #333333;
              }
              .placeholder {
                width: 321px;
                height: 70px;
                background-color: #f6f6f6;
                border: solid 1px #cccccc;
                margin: 21px 0 0 75px;
              }
            }
            .code_word {
              margin-top: 61px;
              display: inline-block;
              .title {
                font-size: 15px;
	              color: #333333;
              }
              .text {
                width: 321px;
                height: 70px;
                line-height: 21px;
                font-size: 14px;
                color: #333333;
                background-color: #f6f6f6;
                border: solid 1px #cccccc;
                margin: 21px 0 0 75px;
                padding: 13px 0 0 13px;
              }
            }
          }
        }
      }
    }
  }
}
